<template>
  <div class="home">
    <div class="con">
      <div class="to-note">
        <el-button size="small" @click="$router.push('/note')"><i class="el-icon-date"></i> <span> 笔记</span></el-button>
      </div>
      <div>
        <el-button size="small" @click="$router.push('/bills')"><i class="el-icon-notebook-1"></i> <span> 账单</span></el-button>
      </div>
      <div></div>
      <div></div>
    </div>
  </div>
</template>

<script lang="ts">
  export default {
    data() {
      return {
        hello:'sdf'
      }
    },
  }
</script>
<style scope lang="scss">
.home{
  .con{
    display: flex;
    .to-note{
      width: 100px;
      text-align: center;
    }
  }
}
</style>
